<template>
  <div>
    <!-- 面包屑 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/welcome' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>初筛规则</el-breadcrumb-item>
      <el-breadcrumb-item>配置规则</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 卡片 -->
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <span style="font-size: 18px">配置初筛规则</span>
        <!-- <el-button style="float: right; padding: 3px 0" type="primary">发布</el-button> -->
        <!-- <el-button type="primary" class="createBtn">发布</el-button> -->
        <img src="../../assets/bank2.png" alt="" class="createBtn" />
      </div>

      <!-- table -->
      <el-table
        :data="ruleslist"
        style="width: 100%; font-size: 12px"
        border
        stripe
      >
        <el-table-column
          prop="nowtime"
          label="规则名称"
        ></el-table-column>
        <el-table-column prop="person" label="现有规则"></el-table-column>
        <el-table-column
          prop="control"
          label="风险控制"
        ></el-table-column>
        <el-table-column label="修改规则">
          <el-input v-model="input" placeholder="请输入修改内容"></el-input>
        </el-table-column>
        <el-table-column label="确认修改" width="60">
          <el-button type="primary" icon="el-icon-edit" circle size="small"></el-button>
        </el-table-column>
      </el-table>

      <!-- <div>
        <img src="../../assets/screen.png" alt="" />
      </div> -->
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      ruleslist: [
        {
          nowtime: "逾期记录",
          person: "1个月",
          control: "拒绝",
        },
        {
          nowtime: "个人客户工作状态异常",
          person: "失业",
          control: "拒绝",
        },
        {
          nowtime: "个人客户被列为失信人名单",
          person: "已列入",
          control: "拒绝",
        },
        {
          nowtime: "个人客户年龄",
          person: "小于18岁",
          control: "拒绝",
        },
        {
          nowtime: "个人客户本银行资产",
          person: "少于¥ 10000",
          control: "拒绝",
        },
        {
          nowtime: "个人客户婚姻状况",
          person: "无要求",
          control: "接受",
        },
        {
          nowtime: "个人客户月收入",
          person: "少于¥ 10000",
          control: "拒绝",
        },
        {
          nowtime: "个人客户办卡时间",
          person: "少于1年",
          control: "拒绝",
        },
      ],
    };
  },
};
</script>

<style>
.el-breadcrumb {
  margin-bottom: 15px;
  font-size: 12px;
}
.el-card {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important;
}
.createBtn {
  width: 150px;
  height: 35px;
  float: right;
  padding: 3px 0;
  margin-top: -6px;
}
</style>